@charset "utf-8";
html {
  scrollbar-face-color : #6EDEDED;
}

body {
  margin: 0 auto;
  padding: 0;
  font:12px Arial,Helvetica,sans-serif;
  line-height:180%;
  color:#333;
  text-align:left;
  background:url(page_background.png)  repeat-x left top #FFF;
  white-space:normal; 
  word-break:break-all;

}

img  {border: 0px;}
*{
	margin:0;
	padding:0;
}


fieldset, img {border:0;}
li {list-style:none;}
body,button, input, select, textarea,img /* for ie */ {font: tahoma,Helvetica,arial, "\5b8b\4f53", sans-serif;sans-serif;vertical-align:middle;font-size:12px;}
address, cite, dfn, em, var { font-style: normal; } 
code, kbd,samp { font-family: courier new, courier, monospace; }

ins {text-decoration:none;}
del {text-decoration:line-through;}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.38em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;font-style: italic;}
address,cite,dfn,em,var{font-style:normal;}
caption,td {font-weight: normal;}
cite, blackquote, em, i {font-style: italic;}
strong, b {	font-weight: bold;}
pre, code {font-family: monospace;font-size: 1.1em;}

form,img,ul,ol,li,dl,dt,dd,p {
  margin:0;
  padding:0;
  border:0;

}


table,td,tr,th{
  font-size:12px;
  border:1px soild #000000;
 
}

ul,ol,li {
  list-style:none;
}

img {
  border:0;
}

.clear {
  clear:both;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}


#main{ width:980px;  margin:0 auto;padding:0px auto;}
#header{ width:980px;position:relative;z-index:999;}

#bd{width:980px; margin:0 auto;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);background:#F6FBFF;border:1px solid #E6E6E6;}
#bd0{width:980px; margin:0 auto;}
#bd_left{ width:372px;float:left;}
#bd_right{ width:595px;float:right;}

#footer {
    clear: both;
    width: 980px;
    font-size:12px; 
    margin: 0 auto;_margin-bottom:-20px;
}
.box {
margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 972px;
padding-top:5px;
}

.footer {
    background: url("links_bg.gif") repeat-x scroll left top white;
    border: 1px solid #D7D7D7;
    clear: both;
    color: #777777;
    font-size: 12px;
    padding: 0 30px; 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.hot_link{
   color: #999999;
   line-height: 20px;
   margin-top:10px;
   }
.hot_link a,.hot_keys a{color: #999999;}

.hot_keys {
    color: #999999;
    height: 29px;
    line-height: 29px;
    text-align: center;
    margin-bottom:33px;_margin-bottom:-23px;*margin-bottom:23px;
}

.links {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    padding: 11px 0;
   line-height: 31px;height: 31px;
}
.links a {padding:0 8px;}
.links img {
    height: 31px;
    width: 88px;
}
.links li{padding:0 8px;float:left;}
.about {
    border-bottom: 1px solid #EAEAEA;
    margin-top: 8px;
}
.about{
    background: none repeat scroll 0 0 white;
    clear:both;
    line-height: 18px;
    padding: 10x 8px;_padding: 10x 6px;
}
.copyright {
    background: none repeat scroll 0 0 white;
    clear:both;
    line-height: 22px;
     padding: 10px 20px;
    text-align: center;
}
.copyright a{color:#777777;}
.about img {
     margin-right:80px;
     margin-bottom:5px;
}


.about a {
    color:#4B86C2;
    font-size: 12px;
    padding: 0 10px;
}

.about a:hover {
    color: #4B86C2;
    font-size: 12px;
    padding: 0 10px;
text-decoration:underline;
}




#links {padding:10px; border:1px solid #E7E7E7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
.bottom_cprt,.bottom_cprt a {color:#888;}



a {margin: 0px;padding:0px;border:0px;color:#444443;text-decoration:none;}
a:visited{color:#8A8A8A;text-decoration: none;}
a:hover{color:#4B86C2;text-decoration: underline;}
.logo{ float:left; }
.logo a{background:url(logo.png) 0 0 no-repeat;width:351px; height:63px;display:block;text-indent:-5000px;float:left;font-size:12px;}

.top{ float:right; width:400px; text-align:right;}
.top_wd{ float:left; font-size:10px; font-family:Arial, "宋体"; color:#696969; padding:5px 0px 10px 0px;line-height:10px;}
.top_wd a{font-size:10px;color:#696969; text-decoration:none;}
.top_wd a:hover{font-size:10px; color:#696969; text-decoration:underline;}
.top_input{ float:left;margin-left:18px;*margin-left:0;_margin-left:0;}
.top_inputimg{ float:left;_margin-top:1px;}
.top_input input {
	background-image: url(sm_2.gif);
	background-repeat: no-repeat;
	background-position:left;
	border: 1px solid #e7e7e7;
	height:25px;
	line-height:25px;
	text-align: left;
	text-indent:24px;
	color:#CCC;
	font-size:12px;
	border:0;
	width:280px;_width:270px;
}
#nav form{padding-top:12px;*padding-top:2px;_padding-top:10px;}
.top_a {margin-bottom:1px;color:#555; margin-top:1px; float: right;display: inline;padding-top:5px;width:380px;}
.top_a a {color:#555;}

.iphone{background:url(rexian.jpg) left bottom no-repeat;padding-left:110px;float: right;height:36px;line-height:38px;margin-right:30px;}
.iphone h5{font-size:2em;color:#F66E3F;}
#sig { height:12px;text-indent:-6000px;line-height:12px;}
/*For Firefox*/
*background:none;
/*For IE7 & IE6*/
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sig.png',sizingMethod='crop');
}






.search_side {
    float:left;
    height: 38px;
    position: relative;
    width: 100px;
}
.search .text {
    background-position: -901px 0;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}
.search .button {
    position: absolute;
    right: 11px;
    top: 0;
    z-index: 2;
}


.navmenu_bottom{ float:left; 
background:url(navmenu_bottom.png) no-repeat 0 0; 
width:980px; height:28px;}

.banner{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);height:320px;overflow: hidden;}

#announ {height:30px;line-height:30px; padding:0px 0px 0px 120px;overflow:hidden;}
.announ {width:980px;overflow:hidden; background:url(announ.gif) no-repeat 30px 5px; height:30px; margin:5px auto 0; }

.right_left{ float:left; width:372px;}
.right_right{ float:right; width:208px;}


.box1{border-bottom:1px dashed #E0E0E0; }
.title{height:30px; line-height:30px;}
.title1{height:30px; line-height:30px;}
.lanwd1{ float:left; padding-left:30px;line-height:33px;  }
.lanwd1 a{color:#767676;font-size:12px;font-weight:bold; }
.lanwd{ float:left; padding-left:25px; line-height:33px; font-size:12px;background:url(dot_r.gif) no-repeat 10px 14px; }
.lanwd a {color:#767676;}
.lanwd a:hover{color:#4B86C2;}

.readme {
    background: url("readme.gif") no-repeat scroll left top transparent;
    display: block;
    height: 17px;
    width: 80px;
}

.english{float:left; padding-left:26px;  font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#006699; line-height:33px;}
.english a {color:#767676;}
.english a:hover{color:#4B86C2;}
.new_tj{ padding:1px;}
.news_pic{ float:left; }
.imgys{ padding:2px; background:#FFFFFF;width:140px; height:140px;}
.lanwd12c{ font-weight:bold; color:#006ac3;}
.lanwd12c a{ font-weight:bold; color:#006699; text-decoration:none;}
.lanwd12c a:hover{ font-weight:bold; color:#006ac3; text-decoration:underline;}
.p1{float:left;  line-height:24px; font-size:12px; color:#535353; padding-top:8px; padding-left:12px; padding-right:8px; width:130px; text-align:center;}

.news{padding:8px;}
.ul2{
	clear:both;
	margin:0px;
	padding:0 8px 8px 8px;
	text-align:left;
	font-family:"宋体";
	font-size:12px;
	}	
.ul2 li{
	font-family:"宋体";
	font-size:12px;
	line-height:26px;
	height:26px;
	list-style-type: none;
	color:#535353;
	display:block;
	padding:0px;
	display:block;
	background:url(mb_14.gif) no-repeat left bottom;
	white-space:nowrap;
	}	
.ul2 li a{
	color:#767676;
	text-decoration: none;
	margin-left:15px;
	}	
.ul2 li a:hover{
	color:#006AC3;
	text-decoration:underline;

	}
.ul2 .date{
	color:#999999;
	float:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
}

.learn_more{ float:right; padding-left:24px;}


.lanwd10{ color:#006ac3; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.lanwd10 a{ color:#006ac3; text-decoration:none;}
.lanwd10 a:hover{ color:#006ac3; text-decoration:underline;}

.new_tjg{ padding:6px 8px 0px 8px; clear:both;}
.learn_moreg{ float:left; padding-left:24px; clear:both;}



.ul2g{
	clear:both;
	margin:0px;
	padding:8px;
	text-align:left;
	font-family:"宋体";
	font-size:12px;
	}	
.ul2g li{
	font-family:"宋体";
	font-size:12px;
	line-height:27px;
    margin:2px 0px;
	list-style-type: none;
	color:#535353;
	display:block;
        font-weight:bold;
	
	}	
.ul2g li a{
	color:#535353;
	text-decoration: none;
	display:block;
	line-height:27px;

	padding:0px 8px 0px 10px;background:url(sm_9.gif) repeat-x bottom;
	border:solid 1px #e7e7e7;
	overflow:hidden;
	}	
.ul2g li a:hover{
	color:#006ac3;
	background:url(sm_9.gif) repeat-x bottom;
	border:solid 1px #e7e7e7;
	line-height:27px;

	font-weight:bold;
	}
	
.ul2g .m1 a{color:#006ac3;
	background:url(sm_9.gif) repeat-x bottom;
	border:solid 1px #e7e7e7;
	line-height:27px;
	height:27px;}

.bottom_nav{ height:32px; line-height:32px; }
.bottom_wd{ color:#535353; font-size:10px; padding-left:16px; font-family:Arial, "宋体";}
.bottom_wd a{ color:#006699; font-size:12px; text-decoration:none;}
.bottom_wd a:hover{ color:#006ac3; font-size:12px;}
.bottom_cprt{ line-height:32px; font-family:Arial, "宋体"; font-size:12px; background:url(asus_copyright_bg.jpg) repeat-x scroll 0 0 transparent; margin-top:10px;}
.gotop{ float:right; padding-right:16px;}
.gotop a{ color:#535353; font-size:12px; text-decoration:none; display:block; width:30px;}
.gotop a:hover{  color:#006ac3; font-size:12px;}



.bd_in{ background:url(bd_center.gif) no-repeat bottom center #FFFFFF; width:980px; height:240px; color:#767676;}
.b_left{ padding:10px 10px 0;border-right:1px solid #dddddd; width:38%;height:210px; float:left; }
.b_left img{float:left;margin-right:5px;border:1px solid #D7D7D7;}
.b_center{ padding:5px 15px 0; border-right:1px solid #dddddd; width:27%; height:212px; float:left;}
.b_right{ padding:10px 15px 10px 20px;  width:26%; height:210px;float:left; position:relative; background:url(right_pic.png) no-repeat bottom right; }
#ckepop{ float:left;padding:5px 0 5px 10px;}
/*-------------2级页面-------------*/

.gonggaog{height:26px; border:solid 1px #e7e7e7; margin-top:8px;}

#bd_leftg{ width:228px;float:left;overflow:hidden;background:#FFFFFF;}
#bd_rightg{ width:752px; float:left;overflow:hidden;}
#bd_leftg .content{    
background: url(body_gradient.gif) repeat-x scroll left top #056AAA;
color:#fff;
}
#bd_leftg .content_1{overflow: hidden;}
.box1g{border:solid 1px #e7e7e7;margin-top:8px;}

.box2{border:solid 1px #e7e7e7;}
.title2{ background:url(sm_8g.gif) repeat-x bottom; height:30px; line-height:30px;}
.lanwd2{ float:left; padding-left:16px; font-size:12px;font-family:Microsoft YaHei,"宋体"; font-weight:bold; color:#ffffff;}
.lanwd2 a,.title2 a,.english2 a {color:white;}
.english2{float:left; padding-left:8px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
.title3{ background:url(sm_9g.gif) repeat-x bottom; height:36px; line-height:36px;border:1px solid #3a3a3a;padding-left:3px;}
.banner1{ background:url(guide.png) 3px 7px no-repeat;margin-top:8px;margin-left:10px;}

.rightg_content{width:720px;padding:8px 15px; border-left:1px solid #e6e6e6; background:url(logo1.gif) no-repeat scroll top right}
.rightg_title{ height:33px; line-height:33px; padding-left:6px;border-bottom:1px dashed #E0E0E0;}
.rightg_title_1{ height:35px; line-height:33px; padding-left:6px;background:url(cp.jpg) no-repeat 0 0;border-bottom:1px dashed #E0E0E0;}
.rightg_title_2{ height:33px; line-height:33px; padding-left:6px;float:right;padding-right:30px;}


.prod_box{float:left;display:block;text-align:center; padding:16px;}
img.prod{border:1px solid #dddddd;padding:4px;width:200px;height:147px;background:#FFffff; }
a.prod_font{padding:0px;text-decoration:none;color:#666666; line-height:32px;}
.p1g{ line-height:26px; font-size:12px; color:#535353; padding:16px;}

.pd_title{font-size:18px; line-height:26px; color:#0093a4; text-align:center; padding:30px 0px 20px; font-weight:bold;}

.pd_title h1{font-size:18px; color:#00093a4;  }
.pd{font-size:12px; line-height:26px; color:#333333; text-align:justify; margin:0 0 15px;width:660px;_width:675px;font-family:宋体;padding:0 30px;_padding:0 15px 0 30px;}
.pd p a{border-bottom:1px dotted #000;}
.pd a:link{color:#000;}
.pd a:visited {color:#000;}
.pd a:hover{border-bottom:none;color:#4B86C2;}
.pd ul li{list-style:disc;}
.pd ol li{list-style:decimal;}
#content1{ background:url(contact.jpg) no-repeat scroll right bottom;}
#addcontentuser {padding:10px;border:1px dotted #ccc; background:#F5F5F5;}
.pd1{padding:0 36px;}
.pd1 p{font-size:14px;line-height:26px;letter-spacing:1px;text-align:justify;}
.pd1 p a{border-bottom:1px dotted #000;}
.pd1 p a:link{color:#000;}
.pd1 p a:visited {color:#000;}
.pd1 p a:hover{border-bottom:none;color:#4B86C2;}
.pd2{margin:0 15px;}
.ul2g li a.on2 {padding-left:25px;}


#menu {

width:190px;
font-size:14px;
overflow:hidden;
}

#menu h5 a {
  display:block;
  text-align: center;
  font-weight:bold;

  height: 36px;
  line-height: 36px;
  overflow:hidden;
}

#menu h5 a:visited,#menu h5.on {
  display:block;
  text-align: center;
  font-weight:bold;
  border-top:1px solid #779DB1;
	border-bottom:1px solid #779DB1;
	background: url(icon01.gif) 30px center no-repeat;
  height: 38px;
  line-height: 38px;
  overflow:hidden;
}

#menu a {
  display:block;
  width:190px;
  padding-left:50px;
  background:#FFF url(menu_a.gif) left bottom no-repeat;
  height:36px;
  line-height:36px;
  overflow:hidden;
  color:#333;
}

#menu a:hover {
  display:block;
  padding-left:50px;
  color: #669A01;
  height:36px;
  line-height:36px;
  background:#FFF url(menu_hover.gif) left bottom no-repeat;
  font-weight:bold;
}



div.sdmenu {
	width: 186px;
}
div.sdmenu div {
	overflow: hidden;
}

div.sdmenu div.collapsed {
	height: 38px;
	line-height:38px;
	
}
div.sdmenu div span {
	display: block;
	height:38px;
	line-height:38px;
	font-weight: bold;
	padding-left:50px;
	border-top:1px solid #779DB1;
	border-bottom:1px solid #779DB1;
    background: url(icon01.gif) 30px center no-repeat;
	cursor: default;
}
div.sdmenu div.collapsed span {
	height:38px;
	line-height:38px;
}

div.sdmenu div a.current {
	background:#F0F4F9;
}
div.sdmenu div a:hover {
	text-decoration: none;
}

#list-view{overflow:auto; padding-left:16px;_padding-left:5px;}
#list-view li{float:left;margin:0 12px 10px;width:150px;height:188px;overflow:hidden;text-align:center;display:block;position:relative;line-height:1em;}
#list-view .img-wrap{position:static;text-align:center;display:table-cell;vertical-align:middle;*display:block;*font-size:124px;*font-family:Arial;overflow:hidden;_border:none;}


#list-view .img-wrap a{ width:142px; height:142px; display: block;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

#list-view .img-wrap a:hover{border:1px solid #ff8015;}

#list-view img{max-width:140px;max-height:140px; width:140px; height:140px;vertical-align:middle;padding:1px; background:#FFFFFF;}
#list-view .text-wrap{margin-top:10px;}
#list-view .text-wrap a {
clear:both;
  width:142px;
  height:16px;
  line-height:16px;
  font-size:12px;
   text-align:center;
  font-weight:normal;
}
#list-view .text-wrap a:hover{ color:#4B86C2;}
 
.oidbtn {
  width:40px;
  height:26px;
  line-height:26px;
  padding:0px;
  border:none;
  text-align:center;
  color:#590101;
  font-size:12px;
  font-weight:bold;
}
.oid {width:128px;height:23px;line-height:23px;margin-left:15px;border:1px solid #ccc;color:#ccc;}
.mailbtn {width:178px;
  height:35px;
  line-height:35px;
  margin-left:15px;
  border:none;background:url(mailbtn.gif) left top no-repeat;}

.mail {width:176px;height:23px;margin-left:15px;border:1px solid #ccc;color:#ccc;}

#vote #button {clear:both;float:right;width:88px;font-size:12px; height:24px;line-height:24px;background:url(vote_btn.gif) left top no-repeat;border:none;color:white;}

/*首页滚动*/
.scoll_img {
background:url(Products_img.gif) no-repeat;
height:245px;
position: relative;
}
.scoll_img table { 
overflow:hidden;padding:0px 10px 10px;}
.GalleryPictureScroller
{
	margin: 5px 10px;
	height: 160px;
	width:678px;
	overflow:hidden;
	text-align:center;
}
.GalleryPictureScrollerMoveLeft
	{
		background:url(previous_btn.gif) 0px 20px;
		background-repeat: no-repeat;
		width: 14px;
		height: 86px;
		cursor: pointer;
	}
.GalleryPictureScrollerMoveRight
	{
		background:url(next_btn.gif) 0px 20px;
		background-repeat: no-repeat;
		width: 14px;
		height: 86px;
		cursor: pointer;
	}

.GalleryPictureScrollerImageArea
{
	padding:0 4px;
	overflow: hidden;
	line-height:1em;
        float:left;

	
}


.GalleryPictureScrollerImage{
	
	text-align:center;/*水平居中*/
	font-size:110px;/*IE靠这垂直居中*/ 
	vertical-align:middle;
	overflow:hidden;
	text-align:center;vertical-align:middle;*display:block;*font-size:88px;*font-family:Arial;	
}
.GalleryPictureScrollerImage a {display:block;	height:140px;width:140px;  padding:7px;position:relative;}


.GalleryPictureScrollerImage a:hover{height:140px;width:140px; background:url(page_back.png) no-repeat 0 0; border:0;padding:7px; 
}

.GalleryPictureScrollerImage a img {

height:140px;width:140px;



}
.GalleryPictureScrollerImage a .icoVideo{ 
    background:url(page_back_top.png);
    cursor: pointer;
    height: 50px;
    left:98px;
    position: absolute;
    visibility: hidden;
    width: 50px;
	border:0;
z-index:999;
	}

.GalleryPictureScrollerImage a:hover .icoVideo{visibility:visible;}

.GalleryPictureScrollerDetails {text-align:center;height:36px;width:154px;}
.GalleryPictureScrollerDetails a{color:#767676; height:36px;line-height:18px;width: 134px;padding:0 10px}
.GalleryPictureScrollerDetails a:hover{ text-decoration:none; color:#006ac3; }
#i_type {clear:both;padding:16px;}
#i_type a {float:left;margin-right:10px; padding:0px 5px; border:1px solid #E7E7E7; line-height:24px; white-space: nowrap;}
#i_type a:hover {background:#F5F5F5;}

/************* 投票 */
#content_vote {text-align:left;}

#content_vote span {float:left;line-height:18px;}

.content-num {
float:left;
width:14px;
height:12px;
line-height:12px;
text-align:center;
color:#fff;
font:bold 10px Tahoma;
padding:3px 10px 0px 0px;
background:url(rank_2.gif) no-repeat left 5px;
}

#content_vote input {padding:1px 10px;font-size:12px;}

.optionbar {
background: #F5F5F5;
border:1px solid #CAD9EA;
float:left;
height:14px;
line-height:14px;
margin:0px 0.5em 0px 1.5em;
}

.optionbar div {
background:#CAD9EA;
border:1px solid #CAD9EA;
float:left;
height:12px;
line-height:12px;
overflow:hidden;
}

#p_list_s {width:380px;margin:0px auto;padding:0px auto;}

#leftmenu dt{
    padding:10px 20px;
	cursor: pointer;
	border-bottom: 1px solid #09588D;
    border-left: 1px solid #60A6D5;
    border-top: 1px solid #4595C9;
    position: relative;
	height:18px;
	line-height:18px;
	

}
.open{


	background:#188ad5;
	}
.close{}


.child { background:#fff;


}
.icon_spr{ background:url(icon_spr.png) no-repeat 0 0; border:0; text-indent: -5000px;  display: inline-block; width: 12px; line-height:10px; margin-left:10px;}

.child a{
        display:block;
        font-family:"宋体";
	font-size:12px;
	padding:5px 15px;
	list-style-type: none;
	color:#0072BC;
	border-bottom: 1px solid #E6E6E6;
	height:22px;
	line-height:22px;
        overflow:hidden;
}

.child a:visited, .child_1 a:visited {color:#0072BC;}

.child_1 a{ display:block;
        font-family:"宋体";
	font-size:12px;
	padding:10px 5px 10px 15px;
	list-style-type: none;
	color:#0072BC;
	white-space:nowrap; 
	border-bottom: 1px solid #E6E6E6;	
        height:12px;
}
.ina{ background-color:#F4F4F4;}

.child a:hover, .child_1 a:hover{
  color:#1aa2fa;
  text-decoration:none;
  
  }

.child .c_current{ font-size:20px;}

.guan{ padding:10px 0 5px;}
.guan li{ float:left; width:25%;}
.guan li a{ text-align:center; display:block;padding:0 10px; height:50px;}
.guan li .guan_img{height:155px;}
.guan li .guan_img img{height:140px; width:140px;border: 1px solid #E6E6E6;padding:5px;background:#FFFFFF;}


#main_a #gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid #E7E7E7;
	
	background:url(panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	 padding: 0 30px;
        width: 920px;
	overflow:hidden;
	
}

#main_a #slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:980px;
	overflow:hidden;
}

#main_a .slide{
	float:left;
}
#main_a .slide{}
#main_a #menu1{
	/* This is the container for the thumbnails */
	height:45px;
}

#main_a ul{
	margin:0px auto;
	padding:0px;
	width:200px;
}

#main_a li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline;
	list-style:none;
	height:45px;
	overflow:hidden;
	float:left;
}

#main_a li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(pic_bg.png) repeat;
}

#main_a li.act,#main_a li.act:hover{
	/* The active state of the thumb */
	background:url(active_bg.png) no-repeat;
}

#main_a li.act a{
	cursor:default;
}

#main_a .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(divider.png) no-repeat right;
}

#main_a li a{
	display:block;
	background:url(divider.png) no-repeat right;
	height:35px;
	padding-top:11px;
	 width: 60px;
}

#main_a a img{
	border:none;
	width:11px;
	height:11px;
padding-top:8px;
}


/* The styles below are only necessary for the demo page */

#main_a h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

#main_a h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}

#main_a{
	/* The main container */
	margin:5px auto 15px;
	text-align:center;
	width:980px;

        z-index:1;
}

#main_a a,#main_a a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

#main_a a:hover{
	text-decoration:underline;
}

#main_a p{
	padding:10px;
	text-align:center;
}

.gallery_text{
    background:#FFFFFF;
    border: 1px solid #E7E7E7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow:0 0 3px #AAA;
    overflow: hidden;
    width: 980px;
	margin:5px auto 10px;padding-bottom:10px;
}
.gallery_text ul{ padding:10px 20px; }

.gallery_text1{float: left;
    line-height: 28px;
    padding-left: 150px;
    width: 40%;}
.gallery_text2,.gallery_text3{ width:26%;float:left; line-height:28px; }
.gallery_text5{float: left;
    line-height: 28px;
    padding-left: 150px;
    width: 40%;}
.gallery_text5 a{color:#202020;}
.gallery_text5 a:hover{color:#4b86c2;text-decoration:none;}
.gallery_text2 strong{ line-height:30px;}
.gallery_text1 h1,.gallery_text2 h1,.gallery_text3 h1{font-size:16px;display:inline;color:#008080;}


#nav{ background:url(navigation_background.png) repeat-x #3F3F3F;border-bottom: 1px solid #646464;border-left:1px solid #7D7D7D;border-right: 1px solid #7D7D7D;height:45px; line-height:45px; clear:both;}

ul#navmenu li .navigation{ background:url(icon_sprite.png) no-repeat scroll 0 0 transparent;float: left;
    height: 11px;
  position: absolute;
    right:8px;
    text-indent: -5000px;
    top: 21px;
    width: 11px;}
ul#navmenu li:hover .navigation{ background:url(icon_sprite_hover.png) no-repeat scroll 0 0 transparent;float: left;
    height: 11px;
  position: absolute;
    right:8px;
    text-indent: -5000px;
    top: 21px;
    width: 11px;}
ul#navmenu li { 
margin: 0; 
float:left;
list-style-type: none;
background: none repeat scroll 0 0 transparent;
border-left: 1px solid #7D7D7D;
border-right: 1px solid #333333; 
position: relative; 

} 
ul#navmenu li a {
padding:0 25px;
height:45px; 
color: #F6F6F6;
font-weight:bold; 
float:left;
}

ul#navmenu li:hover a, ul#navmenu li a:hover {
	color:#ffffff; 
	background: #848484 repeat-x center;
	text-decoration:none;

	} /*--Hover State--*/

ul#navmenu li .sub {	
	position: absolute; /*--Important--*/
	top: 45px; 
	left: -1px;
	z-index: 99999; padding:5px 0 5px 5px;_padding:3px 6px 0 0;
	background: #f4f5f5  bottom left  ;      /*--Background gradient--*/
	float: left;width:390px;_width:396px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	border-top:3px solid #BEBEBE;_border-top:3px solid #BEBEBE;_border-left:1px solid #BEBEBE;_border-right:1px solid #BEBEBE;_border-bottom:1px solid #BEBEBE;
  	behavior:url(PIE.htc);
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}
ul#navmenu li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#navmenu li .sub ul{
	list-style: none;
	margin: 0; padding:0;
	float: left;
        width:125px;
	
}
ul#navmenu .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	border:0;padding:3px 0 0 8px;
		
	
}
ul#navmenu .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-weight: normal;
}
ul#navmenu .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding:0 5px;
	background-image: none;
	color:#006699;line-height:30px;
}
ul#navmenu .sub ul li a {
	float: none;
        line-height:12px;height:12px; vertical-align:middle;
	background:#f4f5f5;
	padding:8px 1px 8px 1px;
	display: block;
	text-decoration: none;
	color:#006699;
	font-size:12px;
	font-weight: normal;

}
ul#navmenu .sub ul li a:hover {
	color:#0d9af6;display: block;
	background:#f4f5f5;
	padding:8px 1px 8px 1px; line-height:12px;height:12px; font-size:12px;
	font-weight: normal; margin:0;
}

.line_2 {
    background: url("line-2.gif") repeat-x scroll left bottom transparent;
    clear: both;
    height: 2px;
    margin: 10px 0;
}

.line_3 {
    background: url("line-2.gif") repeat-x scroll left bottom transparent;
    clear: both;
    height: 2px;
    margin: 3px 0;
}

/* search*/
.search_list{border: 1px solid #E6E6E6; float: left;width:698px;}
.search_list li{display: block;padding:5px 60px; line-height:26px;height:26px;border-bottom:1px solid #e6e6e6; }
.search_li{  float: left;
    padding: 0 10px;
    width: 700px;}
.li_lei{ display: block;
    float: left;
    width: 260px;}
.li_ming{background: url("icon06.gif") no-repeat scroll left 10px; padding-left:15px;}
.title_top{ float: left;
   height:30px;line-height:30px;
    width: 680px;}
.title_top ul li{display: block;
    float: left;padding-left:60px;
    width: 210px;}
.content3{width:720px; float: left;}

.title_down{float: left;
   height:30px;line-height:30px;
    width: 680px;}
.title_down ul{}
.title_down ul li{display: block;
    float: left;
    padding-left: 70px;
    width: 240px;text-align:center;}
.down_list{width: 680px;float:left;border: 1px solid #E6E6E6;
}
.down_list li{border-bottom: 1px solid #E6E6E6;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 5px 60px;}
.down_list li .down_lei{display: block;
    float: left;
    width: 400px;background: url("icon06.gif") no-repeat scroll left 10px; padding-left:15px;}
.down_list li .down_ming{}
/*index*/
.video-tray{    
   background:url("roundedbottom.jpg")  repeat-x scroll 0 0 transparent; 
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-top:0;
    margin: 0 auto;
    text-align: center;
    padding:0;
    width: 978px;
    float:left;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); 
   
}


.video-tray ul {
 padding: 0 15px;
}
.video-tray li {
    float:left;
    padding:14px 12px 10px;
    vertical-align: top;}
.video-tray li a:hover{color:#f66e3f;font-size:12px;}
.video-tray li a{color:#ffffff;font-size:12px;}
.video-tray li a.link-more{
  color:#8A8A8A;
}
.video-tray li a.link-more:hover:{text-decoration:none:}

.link-more {background: url("morearrow.png") no-repeat right top;
padding-right:12px;}
.translate{background: url("translate.jpg") no-repeat;border:0; height:10px;padding:0;margin:0;}



#box{width:972px; margin:5px 0 0; padding:0;overflow:hidden;}
#div{ width:3888px; position:relative;z-index:999;}
#img,#img1{ list-style:none; width:1944px; float:left;}
#img img,#img1 img{width:140px;height:140px; float:left;}
#but{height: 70px;
    left:-30px;
    position: absolute;
    top: 80px;
    width:1040px;
     }
#a {
    border: 1px solid #F5F5F5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    float:left;
    opacity: 0.8;
}
#b {
    border: 1px solid #F5F5F5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    float: right;
    opacity: 0.8;
}
#but input{border: 0 none;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    height: 70px;
    width:22px;background:url(next.png) no-repeat center center #f8f8f8; border:0;}

/*TAB*/
#explore-nav { overflow: hidden;padding-left:5px;height: 28px;  }
#jquerytuts, #core, #classics { display: none; }
#explore-nav li{float:left; margin-right:3px;}
#all-list-wrap{border-top: 1px solid #C1C1C1;position:relative;top:-1px;padding-top:5px;}
#explore-nav li a{
    background: none repeat scroll 0 0 #d1d1d1;
    border: 1px solid #C1C1C1;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width:120px;
    
}
#explore-nav li a.current{
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
   border-right: 1px solid #C1C1C1;
    border-bottom:1px solid #FFFFFF;
    color: #767676;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width:120px;position:relative;z-index:999;}
#explore-nav li a:hover{text-decoration:none;font-size:12px;}
#page{height:30px;line-height:30px;}
#page ul{padding-left:30px;}
#page ul li{float: left;width:50%;color:#8A8A8A; }
.content_0{padding:15px 8px 0 40px;border-top:1px dashed #E0E0E0;}
.content_0 li{float: left;
    background: url("icon06.gif") no-repeat scroll 0 14px transparent;
    margin-left:3px;
    width: 45%;padding:5px 12px;}